@config.main("Home") {

    <div class="body-box">

        <div class="index-box">
            <div class="index-left">
                <div class="left-box">
                    <div class="img-box">
                        <div class="img">
                            <img src="/assets/images/gene.png">
                        </div>
                        <p>Gene</p>
                        <p class="nums">( 332666 )</p>
                    </div>
                    <div class="img-box">
                        <div class="img">
                            <img src="/assets/images/mRNA.png" >
                        </div>
                        <p>mRNA</p>
                        <p class="nums">( 2838 )</p>
                    </div>
                    <div class="img-box">
                        <div class="img">
                            <img src="/assets/images/microRNA.jpg" >
                        </div>
                        <p>miRNA</p>
                        <p class="nums">( 2838 )</p>
                    </div>
                </div>

                <div class="left-box">
                    <div class="img-box">
                        <div class="img">
                            <img src="/assets/images/CircRNA.png" >
                        </div>
                        <p>circRNA</p>
                        <p class="nums">( 58330 )</p>
                    </div>
                    <div class="img-box">
                        <div class="img">
                            <img src="/assets/images/lncRNA.jpg" >
                        </div>
                        <p>lncRNA</p>
                        <p class="nums">( 15501 )</p>
                    </div>
                    <div class="img-box">
                        <div class="img">
                            <img src="/assets/images/PROTEIN.png" >
                        </div>
                        <p>Protein</p>
                        <p class="nums">( 41755 )</p>
                    </div>
                    <div class="img-box">
                        <div class="img">
                            <img src="/assets/images/lipid.png" >
                        </div>
                        <p>Lipid</p>
                        <p class="nums">( 1116 )</p>
                    </div>
                </div>
                <hr>
                <form method="get" action="/exoRBase/search/selectByGeneId" class="form-inline" autocomplete="off">
                    <div class="input-group" style="width: 100%">
                        <input type="text" name="id" class="form-control"
                        required placeholder="e.g.NGFRAP1,NKG2C" id="geneName" autocomplete="off"/>
                        <span class="input-group-btn">
                            <button class="btn btn-dark" type="submit"
                            style="border-top-right-radius: 4px;
                                border-bottom-right-radius: 4px">Search</button>
                        </span>
                    </div>
                </form>

                <hr>

                <h4>Introduction</h4>
                <p>Stem cells - cells that have the ability to self-renew indefinitely or forever - represent a cutting
                    edge treatment for a wide range of diseases.Exosomes are vesicles with a diameter of 9-150 nA in
                    cell analysis. Stem cell-derived exosomes can regulate various pathological processes and have potential
                    application value and research value.The research routine of stem cell exosomes is worthy of attention.</p>


            </div>

            <div class="index-right">
                <img class="index-img" src="/assets/images/exosome.jpg" />

                <div style="margin-top: 20px">
                    <h4>Release Notes</h4>
                    <ul>
                        <li>
                            Stem Cell Exosome Database is available online on April 2021.
                        </li>
                    </ul>

                </div>
            </div>

        </div>
    </div>

    <footer>Copyright © Copyright 2011 Auto Parts All Right Reserved </footer>


    <script>

            $(".img-box").click(function () {
                const p = $(this).find("p");
                const name = $(p[0]).text();
                window.location.href = "/SCED/browse/" + name;
            })


    </script>

}